
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Framework CSS -->
        <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
        <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
        <link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
        <!-- Framework CSS --> 
        <link rel="stylesheet" type="text/css" href="css/gstrans.css">
        <title>.:: Ingreso a GSTrans ::.</title>
    </head>
    <body>
        <div class="container">

            <div class="span-24 last" style="background-color:transparent;height:180px;"></div>

            <div class="span-24 last" style="background-color:#388EC8;height:5px;"></div>
            <!-- Contenedor central -->
            <div align="center" class="span-24 last" style="background-color:transparent;height:250px;">
                <!--subcontenedor izquierdo-->
                <div class="span-8" style="background-color:transparent;height:180px;"></div>
                <!--subcontenedor central-->
                <div class="span-8" style="background-color:transparent;height:180px;">
                    <div class="span-8 last" style="height:55px;background-color:transparent;"></div>
                    <!-- subcontenedor para Ingreso al Sistema -->
                    <div class="prepend-1 span-6 append-1 last" style="background-color:#388EC8;height:24px;font-size:14px"><font color="white"><b>::::: Ingreso al Sistema :::::</b></font></div>
                    <div class="span-8 last" style="height:20px;background-color:transparent;"></div>
                    <form method="post" action="Login">
                        <!-- subcontenedor para Usuario-->
                        <div class="prepend-1 span-3" style="background-color:#F0F9FF;height:20px;">
                            <font color="#388EC8"><b>Usuario:</b></font>
                        </div>
                        <div class="span-4 last">
                            <input type="text" name="usuario" value="">
                        </div>
                        <!-- subcontenedor para Clave-->
                        <div class="prepend-1 span-3" style="background-color:#F0F9FF;height:20px;">
                            <font color="#388EC8"><b>Clave:</b></font>
                        </div>
                        <div class="span-4 last">
                            <input type="password" name="clave" value="">
                        </div>
                        <div class="span-8 last" style="height:10px;background-color:transparent;"></div>
                        <!-- subcontenedor para btnIngresar-->
                        <div class="prepend-4 span-2 append-2 last" style="background-color:#388EC8;height:25px;">
                            <div class="span-8 last" style="background-color:transparent;height:2px;"></div>
                            <input type="submit" name="btnIngresar" value="Ingresar" class="boton"> 
                        </div>
                    </form>
                    <p>${requestScope.error}</p>
                </div>
                <!--subcontenedor derecho-->
                <div class="span-8 last" style="background-color:transparent;height:180px;"></div>
            </div>
            <!-- Contenedor central -->
            <div class="span-24 last" style="background-color:#388EC8;height:5px;"></div>
            
            <div class="span-24 last" style="background-color:transparent;height:150px;"></div>

            <!-- Contenedor inferior -->
            <div align="center" class="span-24 last" style="background-color:transparent;height:25px;">
                <hr style="background-color:transparent">
                <font color="#388EC8"><b>&copy; Copyright Lima Transport - 2012, Sistema GSTrans Desarrollado por JDF</b></font>
            </div>
            <!-- Contenedor inferior -->
        </div>
    </body>
</html>
